/*!
 * BLOGGER TOC WITH ACCORDION EFFECT
 * ---------------------------------------------------
 * by Bagus Aji
 * Website URL: http://bagus-programmer-arpega.blogspot.com
 * inspiration from: http://www.dte.web.id
 * ---------------------------------------------------
 */
.table-of-content {
  background-color:#008E00;
  border:2px solid #008E00;
  font:normal normal 11px/normal Verdana,Geneva,"DejaVu Sans",Tahoma,Arial,Sans-serif;
  color:#008E00;
  margin-bottom:5px;
  -webkit-box-shadow:0 1px 2px black;
  -moz-box-shadow:0 1px 2px black;
  box-shadow:0 1px 2px black;
  overflow:hidden;
}
.table-of-content .toc-header {
  margin:0;
  padding:10px 15px;
  overflow:hidden;
  cursor:pointer;
  font:inherit;
  font-size:13px;
  color:#FF0000;
  text-shadow:0 1px 1px rgba(0,0,0,.3);
  border-top:1px solid #FF0000;
  border-bottom:1px solid #FF0000;
  background-color:#24B200;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#B20000',endColorstr='#333333');
  background-image:-webkit-linear-gradient(#B20000,#24B200);
  background-image:-moz-linear-gradient(#B20000,#24B200);
  background-image:-ms-linear-gradient(#B20000,#24B200);
  background-image:-o-linear-gradient(#B20000,#24B200);
  background-image:linear-gradient(#B20000,#24B200);
}
.table-of-content .toc-header.active {
  color:#FF0000;
  border-top:1px solid #24B6E3;
  border-bottom:1px solid #104968;
  background-color:#426dec;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#426dec',endColorstr='#21739B');
  background-image:-webkit-linear-gradient(#008E00,#21739B);
  background-image:-moz-linear-gradient(#008E00,#21739B);
  background-image:-ms-linear-gradient(#008E00,#21739B);
  background-image:-o-linear-gradient(#008E00,#21739B);
  background-image:linear-gradient(#008E00,#21739B);
}
.table-of-content .loading {
  display:block;
  padding:10px 15px;
  text-decoration:blink;
}
.table-of-content ol {
  margin:0;
  padding:0;
  list-style:none;
}

.table-of-content li {
  line-height:normal;
  margin:0;
  padding:5px 5px 5px 15px;
  white-space:nowrap;
  text-align:left;
  overflow:hidden;
  border-top:1px solid #FF0000;
  border-bottom:1px solid #FF0000;
}
.table-of-content li:first-child {border-top:none}
.table-of-content li:last-child {border-bottom:none}
.table-of-content a {
  color:#FF0000;
  text-decoration:none;
}
.table-of-content a:hover {text-decoration:underline}
.table-of-content a:visited {color:#FF0000}
.credit-link {
  text-align:right;
  margin-right:2px;
}
.credit-link a {
  font:normal bold 10px/normal Helmet,Freesans,Sans-Serif;
  color:#333;
  text-decoration:none;
}